iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0
IT 管理

前端工程師&UI 的30天約會:教會猴子用Figma!系列 第 9

[Day09] 8. Figma 基本操作(四): 工具列 - 下篇

  • 分享至 

  • xImage
  •  

昨天介紹了基本工具欄,接下來將聊聊中間和右側的一些按鈕
中間的部分的工具需要先在畫布區產生任一個物件(可以是 Frame、Text、Group或插入的圖片等)並選取,根據物件屬性會出現一些對應的功能

  • 編輯工具 Edit object:選取物件可以編輯
  • 組建工具Component tool:可以將設計好的物件轉變成元件
  • 蒙版工具 Mask tool:use as mask
  • 布林運送和擴展對象:可以運用連集 union selection、減去 subtract selection、交集 intersect selection、排除 exclude selection、合併 flatten selection 這些布林運算來進行元件設計

最後右側有

  • 顯示協作者和觀察者
  • 共享功能:可由此來加入協作者和觀察者以及管理檔案人員權限
  • 播放 play:若有產出prototype,可以按此來進入播放模式

上一篇
[Day08] 7. Figma 基本操作(三):工具列 -上篇
下一篇
[Day10] 9. Figma 基本操作(五): 頁面選單和圖層區
系列文
前端工程師&UI 的30天約會:教會猴子用Figma!14
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言